.fixed-footer {
    position: static;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px 0;
    transform: scale(1.2);
    font-size: 0.8em;
}

a:link {
    color:red;
    text-decoration:none;
}
a:visited {
    color:blueviolet;
    text-decoration:none;
}
a:hover {
    color:rgba(255, 0, 0, 0.5);
    text-decoration:none;
}
a:active {
    color:green;
    text-decoration:none;
}

.fixed-width {
    font-family: monospace;  /* 等宽字体 */
  }

.points { grid-area: points; }

.operate { grid-area: operate; }

.container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "points operate";
    font-size: 1em;
}

li {
    list-style: none;
}

.operate_list {
    position: relative;
    width: 400px;          /* 容器宽度 */
    height: 100px;         /* 容器高度 */
    border: 2px solid #000;
    padding: 20px;
    margin: 20px;
    
    /* 关键修改点 */
    display: flex;         /* 启用弹性布局 */
    flex-direction: row;   /* 主轴方向：横向排列（默认值，可省略） */
    gap: 20px;            /* 子元素间距 */
    align-items: center;   /* 垂直居中 */
}

.operate_text {
    width: 300px;         /* 文本框宽度 */
    height: 100px;
    border: 2px solid #000;
}

.delete {
    width: 100px;         /* 按钮宽度 */
    height: 100px;
    border: 2px solid #000;
    
    /* 移除绝对定位 */
    position: static;     /* 恢复默认定位 */
}

/*
.confirms {
    text-align: center;
    align-items: center;

}

.confirm_button {
    font-size: 4em;
    text-align: center;
    align-items: center;
}
*/


/* CSS 修改 */
.confirms {
    display: none;
    flex-direction: column-reverse; /* 垂直排列 */
    align-items: center;    /* 水平居中 */
    gap: 20px;             /* 按钮间距 */
}

.confirms.display {
    display: flex;          /* 启用弹性布局 */
    flex-direction: column-reverse; /* 垂直排列 */
    align-items: center;    /* 水平居中 */
    gap: 20px;             /* 按钮间距 */
}

.confirm_button {
    font-size: 4em;
    /* 移除 text-align */
    display: block;        /* 保持块级元素特性 */
}

.confirm_button.hidden {
    display: none;
    opacity: 0;
}


@media (max-width: 1023px) {
    .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas:
          "points"
          "operate";
        font-size: 1.5em;
    }
    .points { grid-area: points; }

    .operate { grid-area: operate; }
}